<!-- 个人中心 -->
<template>
<view class="container">
    <view style="margin-top: 50rpx;margin-left: 24rpx;">
       <view style="padding: 1rpx 30rpx;min-height: 100rpx;"> <input  style="font-size: 30rpx;border-bottom: 1px solid #E5E5E5;min-height: 80rpx;" placeholder="请输入手机号" /></view>
        <view style="padding: 1rpx 30rpx;min-height: 100rpx;position: relative;"> <input  style="font-size: 30rpx;border-bottom: 1px solid #E5E5E5;min-height: 80rpx;" placeholder="请输入验证码" />
          <view style="width: 160rpx;height: 28px;position: absolute;right: 24rpx;top: 12rpx;color: #FC5351;display: flex;justify-content: center;align-items: center;font-size: 12px;">获取验证码</view>
        </view>
       <!-- <view style="margin-top: 24rpx;padding: 1rpx 30rpx;min-height: 100rpx;position: relative"> -->
       <!-- <input  style="font-size: 30rpx;border-bottom: 1px solid #E5E5E5;min-height: 100rpx;" placeholder="请输入验证码"  ></input> -->
      <view style="padding: 1rpx 30rpx;min-height: 100rpx;"> <input  style="font-size: 30rpx;border-bottom: 1px solid #E5E5E5;min-height: 80rpx;" placeholder="请输入密码" /></view>
         <!-- <view style="min-height: 100rpx;margin-top: 24rpx;padding: 1rpx 30rpx;"> <input  style="font-size: 30rpx;border-bottom: 1px solid #E5E5E5;min-height: 80rpx;" placeholder="请输入密码" /></view> -->
       <!-- </view> -->
        
    </view>
<view style="display: flex;justify-content: center;align-items: center;">
<view  class="denglu1">
	注册
	</view></view>
     
</view>
</template>

<script>
import { mapMutations, mapActions, mapState, mapGetters } from 'vuex';
export default {
	components: {

	},
	data() {
		return {
			
		};
	},
	computed: {
		
	},
	onLoad(){
		 
	},
	methods: {
	
	}
};
</script>

<style lang="scss">
.container{
	height: 98vh;
}

.denglu1{
		width: 344px;
	    height: 44px;
	    background: #FC5351;
	    border-radius: 4px 4px 4px 4px;
	    opacity: 1;
		font-size: 16px;
	    margin-top: 180rpx;
		color: #FFFFFF;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
}
.title1{
	font-size: 16px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #999999;
	line-height: 19px;
	margin-top: 40rpx;
	text-align: center;
}
.yuan1{
	width: 14px;
	height: 14px;
	opacity: 1;
	border: 1px solid #999999;
	border-radius: 10px;
	}
.xieyi1{
	font-size: 16px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #999999;
	line-height: 19px;
	margin-left: 10rpx;
}
.xie1{
	color: #41ABF7;
	font-size: 16px;
	line-height: 19px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	margin-left: 10rpx;
}
.di1{
    margin-top: 40rpx;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    align-content: center;
	    width: 100%;
}
</style>
